/* CSS Document */
.yinyang{
	background: linear-gradient(to bottom, #000000 0%,#000000 50%,#fcfcfc 50%,#fcfcfc 100%);
	border:solid black 1px;
		width:300px;
	height: 300px;
	border-radius: 50%;
	position: relative;
	animation:spin 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.yinyang::before{
	content:"xxx";
	width:50px;
	height:50px;
	border:solid white 50px;
	border-radius: 50%;
	position: absolute;
	background-color: black;
	top:73px
	}
.yinyang::after{
	content:"";
	width:50px;
	height:50px;
	border:solid black 50px;
	border-radius: 50%;
	position: absolute;
	background-color: white;
	top:73px;
	left:150px;
	}
@keyframes spin{
	from{
		transform:rotate(0deg);
			
	}
	to{
		transform:rotate(360deg);
	}

}